<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/Map3.css">
    <link rel="stylesheet" href="css/reset.css">
    <script src="js/jquery.js"></script>
    <script src="js/axios.js"></script>
    <!-- <script src="js/global-axios copy.js"></script> -->
    <!-- <script src="js/qs.js"></script> -->
    <!-- <script src="js/api copy.js"></script> -->
    <title>GIS控制台</title>
</head>

<body>
    <div id="box">
        <div class="top">
            <div class="top-1">
                渔业资源管理系统
            </div>
            <div class="top-2">
                <ul>
                    <li>GIS控制台</li>
                    <li>计划任务管理</li>
                    <li>生产主体库</li>
                    <li>命名管理</li>
                    <li>基础信息管理</li>
                    <li>系统管理</li>
                </ul>
            </div>
            <div class="top-3">
                <div class="top3-img"></div>
                <div class="top3-box">
                    区级信息员:admin
                    <div class="d1"></div>
                </div>
            </div>

        </div>
        <!-- top结束 -->
        <div class="main">
            <!-- left开始 -->
            <div class="main-box1">
                <div class="left">
                    <div class="left-div1">
                        <!-- <span></span> -->
                        <img src="image/008.png" alt="">
                        <span>计划任务管理</span>
                    </div>
                    <div>
                        <img src="image/009.png" alt="">
                        <span>我的任务</span>
                    </div>
                    <div>
                        <img src="image/007.png" alt="">
                        <span>数据审核</span>
                    </div>
                </div>
            </div>
            <!-- left结束 -->
            <!-- head开始 -->
            <div class="main-box2">
                <div class="head">
                    <ul>
                        <li>
                            <span>渔业资源管理系统</span>
                            <span class="sp">/</span>
                            <span>计划任务管理</span>
                            <span class="sp">/</span>
                            <span>计划任务管理</span>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- head结束 -->
        </div>
        <!-- main-box3 -->
        <div class="main-box3">
            <div>
                <div class="main-box3-b1">
                    <span>任务名称</span>
                    <div class="b1">
                        <input type="text"><span><span>0</span>/20</span>
                    </div>
                </div>
                <div class="main-box3-b2">
                    <span>任务状态</span>
                    <select name="" id="" class="b2">
                        <option value="">请选择任务状态</option>
                        <option value="">全部</option>
                        <option value="">未发布</option>
                        <option value="">已发布</option>
                        <option value="">已撤回</option>
                        <option value="">已启用</option>
                        <option value="">已停用</option>
                    </select>
                </div>
                <div class="main-box3-b3">
                    <span>查询</span>
                    <span>重置</span>
                </div>
            </div>
        </div>
        <!-- main-box3结束 -->
        <!-- main-box4 -->
        <div class="main-box4">
            <div class="main-box4-header">
                <div class="hearder-1">
                    <!-- <span>ID</span> -->
                    <span>任务计划名称</span>
                </div>
                <div class="hearder-2">
                    <span>开始时间</span>
                    <span>结束时间</span>
                </div>
                <div class="hearder-3">
                    <span>任务状态</span>
                    <span>计划要求</span>
                </div>
                <div class="hearder-4">
                    <span>操作</span>
                </div>
            </div>
            <table></table>
        </div>
        <!-- main-box4结束 -->
    </div>
    <script>
        $(function () {
            axios({
                methood: 'get',
                url: 'http://192.168.104.217:8280/task/task/queryPlanAccordingToTheTask',
                headers: {
                    Authorization: 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyTGV2ZWwiOjEsImFkbWluaXN0cmF0aXZlQ29kZSI6IjQ0MDYwNSIsInVzZXJfaWQiOjEsInVzZXJfbmFtZSI6ImFkbWluIiwic2NvcGUiOlsiYWxsIl0sImxvZ2luTmFtZSI6ImFkbWluIiwiVXNlcklkZW50aXR5IjpbIuWMuue6p-S_oeaBr-WRmCJdLCJleHAiOjE2NTc0NzM5ODcsImF1dGhvcml0aWVzIjpbIm1lbWJlcjptZW1iZXI6dXBkYXRlTWVtYmVyUGFzc3dvcmQiLCJnb29kczpnb29kczphZGRHb29kc0NhdGVnb3J5IiwiZ29vZHM6Z29vZHM6ZGVsZXRlR29vZHNDYXRlZ29yeSIsImdvb2RzOmdvb2RzOmFkZEdvb2RzQnJhbmQiLCJzbXM6c3lzbm90aWNlcmVjb3JkczpsaXN0Iiwic3lzOmNvbmZpZzpzYXZlIiwic3lzOmNvbmZpZzp1cGRhdGUiLCJnb29kczpnb29kczpnZXRTcGVjQW5kQnJhbmtMaXN0IiwiZ29vZHM6Z29vZHM6R29vZHNDcmVhdGVPclVwZGF0ZSIsIm1lbWJlcjptZW1iZXI6dXBkYXRlQ3VzdG9tZXJTZXJ2aWNlIiwiZ29vZHM6Z29vZHM6dXBkYXRlR29vZHNBdHRyaWJ1dGUiLCJzbXM6c3lzbm90aWNldGVtcGxhdGU6bGlzdCIsInN5czpyb2xlOmxpc3QiLCJtZW1iZXI6bWVtYmVycGFydG5lcjphdWRpdG9yIiwic3lzOm1lbnU6c2VsZWN0Iiwic3VwcGxpZXI6c3VwcGxpZXI6bGlzdCIsInN5czpzY2hlZHVsZTp1cGRhdGUiLCJzeXM6c2NoZWR1bGU6c2F2ZSIsIm1lbWJlcjptZW1iZXI6bWVtYmVyVW5Mb2NrIiwic21zOnN5c25vdGljZXRlbXBsYXRlOmRlbGV0ZSIsInNtczpzeXNub3RpY2V0ZW1wbGF0ZTppbmZvIiwibWVtYmVyOm1lbWJlcjp1c2VyQ29tbWlzc2lvbldpdGhkcmF3TGlzdCIsInN5czpyb2xlOnNhdmUiLCJnb29kczpnb29kczp1cGRhdGVHb29kc0NhdGVnb3J5IiwibWVtYmVyOm1lbWJlcjphZGRNZW1iZXJBY2NvdW50Iiwic3lzOnNjaGVkdWxlOmxvZyIsIm1lbWJlcjptZW1iZXI6YWRkTWVtYmVyTGV2ZWwiLCJzeXM6cm9sZTp1cGRhdGUiLCJtZW1iZXI6bWVtYmVyOnVwZGF0ZU1lbWJlciIsInN5czpzY2hlZHVsZTpsaXN0IiwiZ29vZHM6Z29vZHM6Z29vZHNsaXN0IiwiZ29vZHM6Z29vZHM6Z29vZHNjYXRlZ29yeWxpc3QiLCJtZW1iZXI6bWVtYmVyOm1lbWJlckxvY2siLCJzeXM6dXNlcjpzYXZlIiwiZ29vZHM6Z29vZHM6ZGVsZXRlR29vZHNHcm91cCIsIm1lbWJlcjptZW1iZXJwYXJ0bmVyOmxpc3QiLCJzdXBwbGllcjpzdXBwbGllcjp1cGRhdGUiLCJzeXM6b3NzOmFsbCIsInN5czpzY2hlZHVsZTppbmZvIiwiZ29vZHM6Z29vZHM6YWRkR29vZHMiLCJnb29kczpnb29kczp1cGRhdGVHb29kc1NwZWMiLCJzeXM6bWVudTpkZWxldGUiLCJzeXM6bWVudTp1cGRhdGUiLCJnb29kczpnb29kczpnb29kc2dyb3VwbGlzdCIsInN5czpjb25maWc6aW5mbyIsImdvb2RzOmdvb2RzOmFkZEF0dHJpYnV0ZVNlcnZpY2UiLCJnb29kczpnb29kczpkZWxldGVHb29kc0JyYW5kIiwiZ29vZHM6Z29vZHM6dXBkYXRlR29vZHNCcmFuZCIsInN5c2NvbmZpZ3RocmVlOnN5c2NvbmZpZ3RocmVlOnNldFNtc1N5c0NvbmZpZ1RocmVlIiwibWVtYmVyOm1lbWJlcjphY2NvdW50bGlzdCIsInN5czptZW51Omxpc3QiLCJnb29kczpnb29kczpkZWxldGVBdHRyIiwic3lzY29uZmlndGhyZWU6c3lzY29uZmlndGhyZWU6Z2V0U3lzQ29uZmlnVGhyZWUiLCJzeXNjb25maWd0aHJlZTpzeXNjb25maWd0aHJlZTptZW1iZXJXaXRoZHJhd1NldHRpbmciLCJnb29kczpnb29kczphZGRHb29kc0dyb3VwIiwic3lzOnNjaGVkdWxlOnJlc3VtZSIsIm1lbWJlcjptZW1iZXI6bWVtYmVybGlzdCIsImdvb2RzOmdvb2RzOmRlbGV0ZUV2YWx1YXRlQWpheCIsImdvb2RzOmdvb2RzOmdvb2RzYnJhbmRsaXN0Iiwic3lzOnVzZXI6ZGVsZXRlIiwiZ29vZHM6Z29vZHM6YXR0cmlidXRlbGlzdCIsImdvb2RzOmdvb2RzOmdvb2Rzc3BlY2xpc3QiLCJnb29kczpnb29kczpzZXRFdmFsdXRlU2hvd1N0YXR1QWpheCIsInN5czpjb25maWc6bGlzdCIsInN5czptZW51OmluZm8iLCJzeXM6dXNlcjp1cGRhdGUiLCJnb29kczpnb29kczpkZWxldGVHb29kc1NwZWMiLCJnb29kczpnb29kczpnb29kc2NvbW1lbnQiLCJzeXM6cm9sZTpzZWxlY3QiLCJtZW1iZXI6bWVtYmVyOmFjY291bnRkZXRhaWwiLCJzeXM6dXNlcjpsaXN0Iiwic3lzOm1lbnU6c2F2ZSIsInNtczpzeXNub3RpY2V0ZW1wbGF0ZTp1cGRhdGUiLCJnb29kczpnb29kczpNb2RpZnlHb29kc09mZmxpbmUiLCJnb29kczpnb29kczphZGRHb29kc1NwZWMiLCJzeXM6cm9sZTppbmZvIiwic3lzOnNjaGVkdWxlOmRlbGV0ZSIsInNtczpzeXNub3RpY2V0ZW1wbGF0ZWl0ZW06Z2V0VGVtcGxhdGVJdGVtIiwibWVtYmVyOm1lbWJlcjpwb2ludGxpc3QiLCJnb29kczpnb29kczp1cGRhdGVHb29kc0dyb3VwIiwic3lzOnVzZXI6aW5mbyIsInN5czpjb25maWc6ZGVsZXRlIiwic3lzOnNjaGVkdWxlOnJ1biIsInNtczpzeXNub3RpY2V0ZW1wbGF0ZTpzYXZlIiwic3VwcGxpZXI6c3VwcGxpZXI6ZGVsZXRlIiwic3lzOnJvbGU6ZGVsZXRlIiwibWVtYmVyOm1lbWJlcjpiYWxhbmNlTWVtYmVyQWNjb3VudCIsIm1lbWJlcjptZW1iZXI6dXBkYXRlTWVtYmVyTGV2ZWwiLCJzdXBwbGllcjpzdXBwbGllcjpzYXZlIiwiZ29vZHM6Z29vZHM6ZGVsZXRlR29vZHMiLCJtZW1iZXI6bWVtYmVyOm1lbWJlckxldmVsTGlzdCIsInN5czpzY2hlZHVsZTpwYXVzZSIsImdvb2RzOmdvb2RzOnJlcGx5RXZhbHVhdGVBamF4Iiwic3lzOmxvZzpsaXN0Il0sImp0aSI6IjY2MjFiNWU5LWM4NGItNDQxMC04ZDA3LThmNDIwZWU0YTlhYSIsImNsaWVudF9pZCI6ImNsaWVudCJ9.CaenaF3zeGQXMfvVzNxKPhdTkL0uQjyBTf9ns2nbHig'
                },
            }).then(function (res) {
                let list = res.data.data.list
                // let list = res.data.data.list
                console.log(list);
                list.forEach(function (data) {
                    let tr = $('<tr></tr>')
                    let td = $(`<td class="td">${data.id}</td>
                        <td>${data.planName}</td>
                        <td>${data.planStartTime}</td>
                        <td>${data.planStatus}</td>
                        <td>${data.planRequire}</td>
                        <td>'撤回'</td><td>'停用'</td><td>'查看'</td><td>'编辑'</td>`)
                    tr.append(td)
                    tr.addClass("hearder-1")
                    $('table').append(tr)
                    
                })
            })
        })




    </script>
</body>

</html>